<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>火车购票</title>
    <link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/order_detail_1.css" />
</head>

<body>
    <section id="index" class="page  mui-content">
        <header class="header mui-row">
            <a class="back " href="javascript:history.go(-1)">
                <span class="mui-icon mui-icon-arrowleft"></span>返回
            </a>
            <h3 class="title">2017-8-18</h3>
        </header>
        <section>
            <div class="flight-list-content">
                <div class="item">
                    <div class="mui-row car-info">
                        <div class="mui-col-xs-3">
                            <p class="form-time">
                                09:20
                            </p>
                            <p class="car-info-addr">杭州东</p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p class="car-info-car">G3670</p>
                            <p class="car-info-img">
                                <b></b>
                            </p>
                            <p class="all-time">0时55分钟</p>
                        </div>
                        <div class="mui-col-xs-3">
                            <p class="form-time">
                                09:20
                            </p>
                            <p class="car-info-addr">上海虹桥</p>
                        </div>
                        <b class="yuan1"></b>
                        <b class="yuan2"></b>
                    </div>
                    <div class="mui-row car-info-detail-success t_c">
                        <img class="car-info-success-img" src="../../../public/static/v1/img/carTicket/success@2x.png" alt="">
                        <p class="car-info-success-text1">占座已成功，请尽快付款！</p>
                        <p>剩余29分59秒自动关闭</p>
                    </div>
                </div>
                <div class="passenger">
                    <div class="mui-row">
                        <div class="mui-col-xs-9">
                            <p class='passenger-name'>马化腾
                                &nbsp;&nbsp;&nbsp;<span class="procedure">正在退款中...</span>
                            </p>
                            <p class='passenger-card'>
                                身份证：33645199572647765
                            </p>
                        </div>
                        <div class="mui-col-xs-3">
                            <p>二等座</p>
                            <p class="passenger-price">¥78.00</p>
                        </div>
                    </div>
                    <div class="mui-row">
                        <div class="mui-col-xs-9">
                            <p class='passenger-name'>马化腾
                                &nbsp;&nbsp;&nbsp;<span class="procedure">退款已成功！</span>
                            </p>
                            <p class='passenger-card'>
                                身份证：33645199572647765
                            </p>
                        </div>
                        <div class="mui-col-xs-3">
                            <p>二等座</p>
                            <p class="passenger-price">¥78.00</p>
                        </div>
                    </div>
                    <div class='passenger-type mui-row'>
                        <div class="mui-col-xs-6">类型</div>
                        <div class="mui-col-xs-6 t_r passenger-type-1">成人票×1</div>
                    </div>
                </div>
                <div class="phone">
                    <div class="mui-row phone-row">
                        <div class="mui-col-xs-4 t_l ">取票方式</div>
                        <div class="mui-col-xs-8 t_r phone_num">自取</div>
                    </div>
                    <div class="mui-row phone-row phone-row-m">
                        <div class="mui-col-xs-4 t_l ">座位总额</div>
                        <div class="mui-col-xs-8 t_r phone_num">+156.00元</div>
                        <div class="mui-col-xs-4 t_l ">运费</div>
                        <div class="mui-col-xs-8 t_r phone_num">+10.00元</div>
                        <div class="mui-col-xs-4 t_l ">服务费</div>
                        <div class="mui-col-xs-8 t_r phone_num">+10.00元</div>
                    </div>
                    <div class="mui-row phone-row phone-row-m">
                        <div class="mui-col-xs-4 t_l ">实际付款</div>
                        <div class="mui-col-xs-8 t_r num_all">¥176.00元</div>
                    </div>
                </div>
            </div>
        </section>
        <aside class="mui-row aside t_r">
            <button type="button" class="mui-btn mui-btn-outlined btn2 btn_red">申请退款</button>
        </aside>
    </section>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>